Skip to main content

Tree

First Steps

Select the sheet or parameter you want to use for the Tree diagram. The list shows all sheets added to the dashboard. Click the desired sheet name.

Data Format

The data may be provided in either hierarchical or source/target format.

Customization

Click the settings button to customize the Tree. Three methods are available:

  • Direct: Enter a value directly in the window.
  • Parameter: Select a parameter; its value defines the characteristic.
  • Field: Select a field in the sheet; its values define the element aspects.

Tree Customization Options

NameDefaultAccepted ValuesAdditional Information
background colorwhiteHTML names, hexadecimal, rgb. See color names and codesEx: LightBlue, #ADD8E6, rgb(173, 216, 230).
highlight colorredHTML names, hexadecimal, rgb. See color names and codesEx: LightBlue, #ADD8E6, rgb(173, 216, 230).
widthnoneField valueThe width of the tree diagram.
data colornoneHTML names, hexadecimal, rgb. See color names and codesEx: LightBlue, #ADD8E6, rgb(173, 216, 230).
palettenonePalette names: tableau 10, tableau 20, colorblind, seattle grays, traffic light, miller stone, superfishel stone, nuriel stone, jewel bright, summer, winter, green-orange-teal, red-blue-brown, purple-pink-gray, hue circle
depth3NumberThe number of layers displayed in the tree diagram.
save statefalsetrue, falseIf true, the tree state (if the nodes are open or closed) is saved when the dashboard is closed and restored when reopened.
radial00, 180, 360
orientationeasteast, north, south, west
font size14NumberThe font size of the value are always 2px thinner than the selected font size.
node padding30/70NumberIf the orientation is south or north, the pading is set to 70 by default.
node size3Number
node stroke width1.5NumberWidth of the circle if no field is selected for Width customization.
link colorparentparent, child, none
link width1.5Number
proportional labelsfalsetrue, false
hide inter/Mediate labelsfalsetrue, false
display valuesfalsetrue, false

Filtering

Filter Configuration Procedure

  1. Click the filter button.
  2. Select Target Sheet: Choose the sheet where you want to apply the filter.
  3. Choose Source and Target Field: Set the source and target fields. The value from the source field will be passed to the target field.
  4. Save: Click Save to confirm the filter.

Filter Application

Click a node to apply the filter to the target sheet. Hold Ctrl and click to select multiple elements.

Freeing Filters

To remove the filter:

  • Click the selected element
  • Click an empty part of the graph
  • Click the free filter button

Filter Removal

To delete a filter, check its row in the table and click Remove.

Step by step tutorial

Create a sheet with your data and add it to the dashboard.

You can further customize the Tree by clicking on the customisation button. In this example, the background color is controlled with a parameter. The width and data color are taken from the sheet. The link color and proportional labels are set directly in the window.

Double-click a node to open or close it. Single-click highlights the node's path.

To create a filter, click the filter icon. Select the target sheet, source field, and target field, then click Save. The filter is now active. Click a node to apply the filter. Hold Ctrl and click to select multiple elements.